/* static/css/curl_to_excel_data.css */

body { font-family: Arial, sans-serif; margin: 20px; }

table { width: 100%; border-collapse: collapse; }

th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }

th { background-color: #f2f2f2; }

.button-container { margin-top: 20px; }

button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    margin: 5px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

button:hover { background-color: #0056b3; }

.custom-alert {
    position: fixed;
    top: 20px;
    right: 100px;
    background-color: #007bff;
    color: white;
    padding: 10px;
    border-radius: 5px;
    display: none;
    z-index: 1000;
}

/* 表头样式 */
#dataTable th {
    background-color: #1e3a5f; /* 蓝灰色 */
    color: white;              /* 白色字体 */
    padding: 8px;              /* 单元格内边距 */
    text-align: center;        /* 文本左对齐 */
}

/* 表格数据样式 */
#dataTable td {
    padding: 8px;              /* 单元格内边距 */
    text-align: left;          /* 数据左对齐 */
    box-shadow: none !important; /* 强制移除阴影效果 */
    white-space: pre-wrap; /* 自动换行以适应表格宽度 */
    word-wrap: break-word; /* 允许长单词换行 */
    overflow: visible !important; /* 确保内容不会隐藏，阴影问题可以解决 */
}

.header-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.header-container h2 {
    margin: 0;
    flex-grow: 1;
}

.header-container .copy-btn {
    margin-left: 10px;
}

